<script setup>
const markdownEditor = ref(null)
function getValue() {
  console.log(markdownEditor.value?.getValue())
}

const title = ref('')
</script>

<template>
  <div class="wh-full">
    <div class="h-60 flex items-center justify-between px-32">
      <div class="mr-50 flex-1">
        <el-input
          v-model="title"
          placeholder="输入文章标题"
          class="no-border-input"
        />
      </div>
      <div class="flex items-center justify-center">
        <el-button type="primary" @click="getValue">
          发布
        </el-button>
        <Avatar />
      </div>
    </div>
    <MarkdownEditor ref="markdownEditor" />
  </div>
</template>

<style scoped>
.no-border-input :deep(.el-input__wrapper) {
  box-shadow: none !important;
  padding: 0;
  font-weight: 700;
  font-size: 20px;
}
</style>
